var pd = [{
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}, {
    img1: "../img/pinpaiimg/zj1.jpg",
    img2: "../img/pinpaiimg/zjx1.jpg",
    txt: "同庆和堂"
}, {
    img1: "../img/pinpaiimg/zj2.jpg",
    img2: "../img/pinpaiimg/zjx2.jpg",
    txt: "宝姿"
}];



var ul = document.querySelector('.main');
var sum = 630;
var ix = 0;
var pp = 1;
f1();
window.onscroll = function(e) {
    var h = document.documentElement.scrollTop;
    if (h > sum) {
        window.setTimeout(function() {
            f1();
        }, 400)

        sum += 950;

    }

}


function f1() {

    for (ix; ix < 8 * pp; ix++) {
        if (ix >= pd.length) {
            return;
        }
        ul.innerHTML += `
        <li class="m-m">
       <a href="./llju.html">
        <div class="m-n">
            <div class="zsm">
                <div class="mb">
                    <p>品牌描述</p>
                    <p style="font-size: 12px;">暂无</p>
                </div>
                <img width="100%" src="${pd[ix].img1}" alt="">
            </div>

            <div class="dpm">
                <img class="gz1" width="130px" style="margin-left: 70px;" height="57px" src="${pd[ix].img2}" alt="">
                <img class="gz2" src="../img/pinpaiimg/guanzhu.png" alt="">
            </div>
            <p>${pd[ix].txt}</p>
        </div>
        </a>  
    </li>
`;

    }
    pp++;
}